/* 重置element-plus自带的样式 */

/* 默认菜单项样式 */
.el-menu-item {
    width: 95%;
    margin: 0 auto;
    background-color: #fff; /* 默认背景颜色 */
    color: #333; /* 默认文字颜色 */
    border-radius: 6px; /* 圆角边框 */
    transition: background-color 0.3s, color 0.3s; /* 过渡效果 */
}

/* 鼠标悬停样式 */
.el-menu-item:hover {
    background-color: #f3f3f3;
}

/* 选中样式 */
.el-menu-item.is-active {
    background-color: #e8f3ff; /* 浅蓝色背景 */
    color: #1485ff; /* 蓝色文字 */
    font-weight: 600;
}
.el-sub-menu{
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
}
.el-sub-menu__title:hover{
    background-color: #f3f3f3;
}

/* 子菜单项默认样式 */
.el-sub-menu .el-menu-item {
    width: 95%;
    margin: 0 auto;
    margin-top: 5px;
    background-color: #fff; /* 默认背景颜色 */
    color: #333; /* 默认文字颜色 */
    border-radius: 4px; /* 圆角边框 */
    transition: background-color 0.3s, color 0.3s; /* 过渡效果 */
}

/* 子菜单项鼠标悬停样式 */
.el-sub-menu .el-menu-item:hover {
    background-color: #f3f3f3;
}

/* 子菜单项选中样式 */
.el-sub-menu .el-menu-item.is-active {
    background-color: #e8f3ff; /* 浅蓝色背景 */
    color: #1485ff; /* 蓝色文字 */
}

/* 图标样式 */
.el-menu-item .el-icon {
    color: #606266; /* 图标颜色 */
    font-size: 18px; /* 图标大小 */
}

/* 选中图标样式 */
.el-menu-item.is-active .el-icon {
    color: #1485ff; /* 选中图标颜色 */
}
